<template>
	<view class="box">
		<view class="first">
			<image src="../../static/account1.png" class="img" />
			<view>账号注销重要提示</view>
		</view>
		<view class="second">
			<view class="secondText1">
				注销前请认真阅读以下内容。账号一旦注销，您讲无法使用该账号，包括但不限于：
			</view>
			<br />
			<view class="secondText2">
				1、无法登录、使用萌宠汇集账号，并移除该账号下所有绑定的登录方式；<br />
				2、账号重置为默认头像、昵称重置为“用户已注销”<br />
				3、移除该账号下的所有认证身份，且无法恢复<br />
				4、该账号下的个人资料和历史信息等都无法找回<br />
				5、账户中所有的资产及权益被清除<br />
				6、无法继续交易，售后等流程<br />
			</view>
			<br />
			<view class="secondText1">
				注销申请条件
			</view>
			<br />
			<view class="secondText2">
				1、账号处于正常状态，账号没有被盗、被封等风险<br />
				2、没有正在使用中的商业产品、业务等<br />
				3、没有正在进行中的交易<br />
			</view>
			<br />

		</view>
		<view class="third">
			<view class="thirdBox">
				<view @click="onRadio">
					<image src="../../static/login/radio_icon.png" v-if="isSelectRadio" class="radio"></image>
					<view class="radio" v-else></view>
				</view>
				<view>我确认已阅读并了解以上信息，且资源放弃账号内全部数据、权益资产及服务</view>
			</view>
			<button class="button" @click="openModal()">确认注销</button>
		</view>
		<view class="modal" v-if="showModal">
			<view class="content">
				<view class="card">
					<view class="modal_title">
						<view class="text">温馨提示</view>
						<uni-icons @click="showModal = false" type="closeempty" size="24"></uni-icons>
					</view>
					<view class="modal_content">
						请再次确定是否注销账号，账号注销后，将会删除账号的全部数据，永久无法找回，请谨慎操作！
					</view>
					<view class="footer_btn">
						<view class="btn" @click="onQuit">确认注销</view>
						<view class="btn2" @click="showModal = false">还是算了</view>
					</view>
				</view>

			</view>
		</view>
	</view>
</template>

<script>
	export default {
		components: {},
		onLoad(option) {},
		data() {
			return {
				isSelectRadio: false,
				showModal: false,
			}
		},
		created() {},
		mounted() {},
		methods: {
			onRadio() {
				this.isSelectRadio = !this.isSelectRadio;
			},
			openModal() {
				if (this.isSelectRadio) {
					this.showModal = true;
				}else {
					uni.showToast({
						title:'请确认并勾选已读以上信息',
						icon:'none'
					})
				}
			},
			closeModal() {
				this.showModal = false;
			},
			onNav(url) {
				uni.navigateTo({
					url
				})
			},
			onQuit(){
				uni.clearStorage();
				uni.reLaunch({
					url:'/pages/login/index',
				})
			}
		}
	}
</script>

<style lang="less" scoped>
	@import './index.less';
</style>